<template lang="html">
  <div class="about">
    <nav-header></nav-header>
    <div class="headpic">
      <div class="container headtitle full">
        <div class="title">
          <h1 href="/blog">welcome </h1>
        </div>
      </div>
    </div>
    <div class="container full">
      <div class="list">
        <div>
          <div class="full-content">
            <div class="messages-text post-content">
              <div style="height: 600px;">
                <h2 style="margin-bottom: 20px;">About</h2>
                <strong>搬砖少年一枚！</strong>
                <br>
                <p style="margin-bottom: 20px;padding-top: 20px;">
                  github地址 : <a href="https://github.com/17602141105">https://github.com/17602141105</a>
                </p>
                <p style="margin-bottom: 20px;">
                码云地址: <a href="https://gitee.com/code_wk">https://gitee.com/code_wk</a>
                </p>
                <img src="/static/bingguo.jpg" alt="我很好奇">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <nav-footer></nav-footer>
  </div>
</template>

<script>
import NavHeader from '@/components/Header.vue'
import NavFooter from '@/components/Footer.vue'
export default {
  components: {
    NavHeader,
    NavFooter,
  }
}
</script>

<style lang="css">
.about {
  background-color: #fff;
}
@media (max-width: 800px) {
  .about img {
    width: 100%;
  }
}
</style>
